<script setup>
import {ref} from 'vue'

const isSubmit = ref(true)

function ok() {
  isSubmit.value = !isSubmit.value
}

const mm = ref({
  id: 123,
  class: 'ad',
  align: 'center'
})
</script>

<template>
  <p :="mm">ppppp</p>

  <!--<button :disabled="isSubmit">{{ isSubmit ? '不可以提交' : '允许提交' }}</button>-->
  <!--<br>-->
  <!--<button :disabled="isSubmit">提交</button>-->
  <!--<br>-->
  <!--<button :disabled="false">提交</button>-->
  <!--<br>-->
  <!--<button>提交</button>-->
  <!--<br>-->
  <!--<button disabled>提交</button>-->
  <!--<br>-->
  <!--<a href="javascript:void(0)" @click="ok">{{ isSubmit ? '允许提交' : '不可以提交' }}</a>-->
</template>

<style scoped>
button {
  margin: 5px;
  border-radius: 8px;
  min-width: 55px;
  padding: 6px;
}
</style>
